<template>
  <div>
    <UploadExcel :on-success="handleSuccess" :before-upload="beforeUpload" />
  </div>
</template>

<script>
import UploadExcel from '@/components/UploadExcel/index.vue'
import { addUserListApi } from '@/api/employees'

export default {
  components: {
    UploadExcel
  },
  data() {
    return {
      tableData: [],
      tableHeader: []
    }
  },
  methods: {
    handleSuccess({ results, header }) {
      // results:文件内容
      // header:文件的表头
      console.log(results, header)
      if (this.$route.query.type === 'user') {
        this.BatchEmployees(results, header)
      }
    },
    // 这个方法的作用是，拿到你提交的excel文件的信息，有关于文件的大小，名称，等等
    beforeUpload(file) {
      console.log(file)
      // 判断这个文件是否大于1M
      const isLt1M = file.size / 1024 / 1024 < 1
      if (isLt1M) {
        // 如果不大于那么正常放行
        return true
      }
      // 如果大于，那就给个提示信息，并不放行
      this.$message({
        message: 'Please do not upload files larger than 1m in size.',
        type: 'warning'
      })
      return false
    },
    // 这是成功的返回函数，作用是拿到excel文件里面的具体内容。
    async BatchEmployees(results, header) {
      // 这个参数是excel文件的内容，并且还将内容返回成了一个数组，供我们直接使用。
      //   console.log(results)
      // 这个参数是这个excel里面表格的表头
      //   console.log(header)
      //    返回的results数据格式和我们想要的不一致，需要我们进行格式化。
      const userRelation = {
        入职日期: 'timeOfEntry',
        手机号: 'mobile',
        姓名: 'username',
        转正日期: 'correctionTime',
        工号: 'workNumber'
      }
      const arr = []
      results.forEach((item) => {
        const obj = {}
        for (const key in item) {
          //   console.log(key)
          //   换键
          //    换键操作，声明一个临时的变量，进行换键。
          const englishKey = userRelation[key]
          if (['correctionTime', 'timeOfEntry'].includes(englishKey)) {
            obj[englishKey] = this.formatExcelDate(item[key], '-')
          } else {
            obj[englishKey] = item[key]
          }
        }
        arr.push(obj)
      })
      // console.log(arr)
      await addUserListApi(arr)
      this.$message.success('上传成功！')
      this.$router.back()
      //    导入excel数据关于时间格式不正确的问题。
      //    答：excel的时间是从1900年1月1日开始算的，而且还是按照天算的。
      //   results.this.tableData = results
      //   this.tableHeader = header
    },
    // 处理excel时间格式话
    formatExcelDate(numb, format) {
      // numb:我们要进行处理的时间
      // format:用来分隔年月日的修饰符
      const time = new Date(numb * 24 * 3600000 + 1) // 毫秒
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return (
          year +
          format +
          (month < 10 ? '0' + month : month) +
          format +
          (date < 10 ? '0' + date : date)
        )
      }
      return (
        year +
        (month < 10 ? '0' + month : month) +
        (date < 10 ? '0' + date : date)
      )
    }
  }
}
</script>

<style></style>
